<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>注册页面</title>
    <link rel="stylesheet" href="${root}css/sign.css"/>
</head>
<body>
<!--导航-->
    <header>
        <div class="w clearfix">
            <a href="${root}" class="logo"></a>
            <div class="logo-title">欢迎注册</div>

            <div class="have-account">
                已有账号？
                <a href="${root}login" style="color: blue;">请登录</a>
            </div>
        </div>
    </header>
<!--中间部分-->
    <div class="container w">
        <div class="main clearfix" id="form-main">
            <!-- 左侧form表单提交-->
            <div class="reg-form fl" >
                <form id="register-form" action="${root}users/reg" novalidate="novalidate">
					<!-- 用户名-->
                    <div class="form-item form-item-account" id="form-item-account">
                        <label>用　户　名</label>
                        <input type="text" id="form-account" name="username" class="field" onfocus="clearMsg('div_uname'); this.placeholder='';" onblur="verifyUName(username.value,'div_uname'); this.placeholder='您的账户名和登录名';"  autocomplete="off" maxlength="20" placeholder="您的账户名和登录名">
                        <i class="i-status"></i>
                    </div>
                    <div class="input-tip" id="div_uname">
                        <i></i> <span></span>
                    </div>

                    <!-- 设置密码-->
                    <div class="form-item form-item-pwd1"  id="form-item-pwd1">
                        <label>设 置 密 码</label>
                        <input type="password" name="password" id="form-pwd1"  class="field" onfocus="clearMsg('div_pwd1'); this.placeholder='';"  onblur="verifyPass(password.value,'div_pwd1');  this.placeholder='建议至少使用两种方式符组合';" maxlength="20" placeholder="建议至少使用两种方式符组合" >
                        <i class="i-status"></i>
                    </div>
                    <div class="input-tip" id="div_pwd1">
                        <i></i><span></span>
                    </div>


                    <!-- 确认密码-->
                    <div class="form-item form-item-pwd2" id="form-item-pwd2">
                        <label>确 认 密 码</label>
                        <input type="password" name="txt_Pwd2" id="form-pwd2" class="field"  onfocus="clearMsg('div_pwd2'); this.placeholder='';"  onblur="verifyRePass(password.value,txt_Pwd2.value,'div_pwd2');  this.placeholder='请再次输入密码';" placeholder="请再次输入密码" maxlength="20" >
                        <i class="i-status"></i>
                    </div>
                    <div class="input-tip" id="div_pwd2">
                       <i></i> <span class=""></span>
                    </div>

                    <!-- 手机验证-->
                    <div class="item-phone-wrap">
                        <div class="form-item form-item-phone" id="form-item-phone">
                            <label class="select-country" id="select-country" country_id="0086">中国 0086<a href="javascript:void(0)" tabindex="-1" class="arrow"></a></label>
                            <input type="text" id="form-phone" name="phone" class="field" onfocus="clearMsg('div_phone'); this.placeholder='';" onblur="verifyPhone(phone.value,'div_phone');  this.placeholder='建议使用常用手机';" placeholder="建议使用常用手机" autocomplete="off" maxlength="11" >
                            <i class="i-status"></i>
                        </div>
                        <div class="input-tip" id="div_phone">
                            <i></i><span></span>
                        </div>
                       <div class="orEmail" style="display: none;">
                      		<a herf="javascript:;" style="cursor: pointer;">立即登录</a> &nbsp;&nbsp;&nbsp;
                       		<a href="javascript:;" tabindex="-1">找回密码</a>
                       </div>
                    </div>

                    <!-- 验证码-->
                    <div class="form-item form-item-authcode" id="form-item-authcode">
                        <label>验　证　码</label>
                        <input type="text" autocomplete="off" name="txt_authcode" id="form-authcode" onfocus="clearMsg('div_authcode'); this.placeholder='';" onblur="verifyauthCode(txt_authcode.value,'div_authcode');" maxlength="6" class="field form-authcode" placeholder="请输入验证码" >
                        <img class="img-code" title="换一换" id="imgAuthCode" src="${root}captcha/4?time=${date().time}">
                    </div>
                    <div class="input-tip" id="div_authcode">
                        <i></i>
                        <span></span>
                    </div>

                    <!-- 手机验证-->
                    <div class="form-item form-item-phonecode" id="form-item-phonecode">
                        <label>手机验证码</label>
                        <input type="text" name="mobileCode" maxlength="6" id="phoneCode" class="field phonecode"  onfocus="this.placeholder='';"  placeholder="请输入手机验证码"; autocomplete="off" >
                        <button style="cursor: pointer;"  id="getPhoneCode" class="btn-phonecode" type="button">获取验证码</button>
                    </div>
                    <div class="input-tip" id="div_phonecode">
                        <span></span>
                    </div>
                    
                    <!-- 点击立即注册-->
                    <div>
                        <button type="submit" class="btn-register" onClick="submitAction(); return false;">立即注册</button>
                    </div>
                </form>
            </div>
            <!-- 右侧企业用户以及国际版注册-->
            <div class="reg-other" id="form-company">
                <!-- 企业用户注册-->
                <div class="company-reg">
                    <a href="javascript:void(0);" onclick="alert('暂不开放!');" clstag="pageclick|keycount|201612011|3">
                        <i class="i-company"></i>
                        <span>机构用户注册</span>
                    </a>
                </div>
                <!-- 国际版注册
                <div class="inter-cust">
                    <a href="#" target="_blank" clstag="pageclick|keycount|201612011|4">
                        <i class="i-global"></i>
                        <span>INTERNATIONAL<br>CUSTOMERS</span>
                    </a>
                </div>-->
            </div>
        </div>
    </div>

<!--footer-->
<div id="form-footer" class="footer w">
    <div class="links">
        <a rel="nofollow" target="_blank" href="#"> 关于我们</a>|
        <a rel="nofollow" target="_blank" href="#">联系我们</a>|
        <a rel="nofollow" target="_blank" href="#">人才招聘</a>|
        <a rel="nofollow" target="_blank" href="#">商家入驻</a>|
        <a rel="no  follow" target="_blank" href="#">广告服务</a>|
        <a rel="nofollow" target="_blank" href="#">手机心课堂</a>|
        <a target="_blank" href="#">友情链接</a>|
        <a target="_blank" href="#">销售联盟</a>|
        <a href="#" target="_blank">心社区</a>|
        <a href="#" target="_blank">心公益</a>|
        <a target="_blank" href="#" clstag="pageclick|keycount|20150112ABD|9">English Site</a>
    </div>
    <div class="copyright">
        Copyright©2004-2016&nbsp;&nbsp;iepsy.com&nbsp;版权所有
    </div>
</div>

<script src="${root}js/jquery.min.js"></script>
<script type="text/javascript">
var root='${root}'
</script>
<script src="${root}js/sign.js"></script>
</body>
</html>